@import "./mixin.styl"

a.no-underline
    text-decoration none

.main-content-container
    width mainContentWidth
    margin 0 auto
    position relative

.float-right
    float right

.hidden
    display none!important

.text-center
    text-align center

.text-right
    text-align right

textarea
    resize none
input[type="text"]
input[type="number"]
input[type="password"]
.as-block
    display block

input[type="text"]
input[type="number"]
input[type="password"]
select,
textarea
    display inline-block
    box-sizing border-box
    hh(38px)
    border 1px solid cWeakWhite
    border-radius 4px
    padding 0 18px
    color cMainText
    font-size 13px
    vertical-align middle
    appearance none
    background #ffffff
    outline none

    &:focus
        border-color cBorderColor
textarea
    height 130px
    line-height 1.2em
    padding-top 12px
    padding-bottom 12px
    vertical-align top

.checkbox
    display inline-block
    width 18px
    hh(18px)
    background url(img/checkbox.png) no-repeat center center
    background-size 100%
    vertical-align middle

    &.checked
        background-image url(img/checkbox-checked.png)

    input
        display none

.radiobox
    display inline-block
    width 18px
    hh(18px)
    background url(img/radiobox.png) no-repeat center center
    background-size 100%
    vertical-align middle

    &.checked
        background-image url(img/radiobox-checked.png)

    input
        display none

.page-title
    margin 34px 0 26px 0
    font-size 18px
    color cMainText
    text-align center

a.btn
    display inline-block
    text-decoration none
    text-align center
    hh(40px)
    border-radius 4px
    font-size 13px
    color #fff
    background #000
    vertical-align middle

    &.as-block
        display block

    .iconfont
        position relative
        font-size 18px
        margin-right 8px
        vertical-align middle

a.btn.border-btn
    hh(30px)
    border-radius 15px
    font-size 12px
    background #fff
    color cTextBlue
    border 1px solid cTextBlue

    &:focus, &:hover, &:active
        box-shadow none
        background cBorderColor
        color #fff

.disabled
    background #c3c3c3
    box-shadow none
    pointer-events none

.vertical-field
    width 100%

    .label
        display block
        font-size 12px
        color cMainText
        margin-bottom 7px

    input,select,textarea
        width 100%
        margin-bottom 12px
// div::-webkit-scrollbar{width:0;}
:-webkit-full-screen {
    background-color: white;
    z-index: 10;
}


